<template>
  <div class="feature-show">
     <slot name="header"></slot>
    <template v-if="feature_data.length">
      <Carousel :height="380" :radius-dot="false" dots="outside" v-model="index">
        <CarouselItem v-for="(d,i) in feature_data" :key="i"> 
          <feature-data :data="d"></feature-data>
        </CarouselItem>
      </Carousel>
    </template>
  </div>
</template>

<script>
/**eslint-disable */
import FeatureData from "./FeatureData"

export default {
  data(){
    return {
      index:0
    }
  },
  props:{
    feature_data:{
      type:Array
    }
  },
  components:{
    FeatureData
  }
}
</script>

<style lang="scss">
.feature-show{
  // pointer-events: none;
  // margin-top: 220px;
  .ivu-carousel-item{
    overflow-y: scroll;
  }

}
</style>
